body,div,ul, li,input{
  margin: 0;
  padding: 0;
}
.login{
  overflow: hidden;
  display:block ;
  margin: 0;
  padding-top: 60px;
  width: 100%;
  >.login-title{
    padding: 10px;
    display: block;
    overflow: hidden;
    color: @white;
    font: @font-size-bigger Arial;
    text-align: center;
    >img{
      float: left;
      width: 24px;
      height: 24px;
    }
  }
  >.login-tip{
    display: block;
    overflow: hidden;
    padding : 32px 20px 0px 20px;
  }
  >.logo{
    display: block;
    overflow: hidden;
    text-align: center;
    padding : 35px;
    padding-bottom: 0px;
    >img{
      width: 70px;
      height: 70px;
      border-radius: 35px;
    }

  }
  >.login-body{
    display:block;
    overflow: hidden;
    padding: 26px;
    margin: 0 auto;
    >.body-out{
      overflow: hidden;
      padding: 20px;
      >.qrcode{
        padding-bottom: 16px;
      }
      >.bd-line{
        overflow: hidden;
        width:100%;
        height:30px;
        >.ke-tip{
          position: absolute;
          height:auto;
          z-index: 10;
          font-size: 12px;
          padding:0 10px;
          background-color:#9d0152;
          border-radius:5px;
          color:white;
          text-align: center;
          top:30px; right:0;
        }
        >img{
          margin-top:3px;
          float:left;
          width: 24px;
          height: 24px;
        }
        >.send-border{
          float: left;
          margin-left: 6px;
          width:80%;
          border-bottom: 1px solid @border-bottom;
          >input{
            height:30px;
            line-height:30px;
            width: 45%;
            padding-left: 8px;
            font: @font-size SimHei ;
            outline: none;
            float: left;
            border-radius:0;
          }
          >.send-qrcode{
            margin-bottom: 4px;
            border-radius: 6px;
            float: right;
            display: block;
            padding: 6px 0px;
            text-align: center;
            font: @font-size-small SimHei ;
            border: 2px solid @primary-color ;
          }
        }
        >span{
          padding: 8px;
          font: @font-size-base SimHei ;
        }
        >input{
          margin-left: 6px;
          padding: 8px;
          width:72%;
          font: @font-size SimHei ;
          outline: none;
          border-bottom: 1px solid @border-bottom;
        }
        >input:focus{
          outline: none;
        }


      }
      >.forget-password{
        overflow: hidden;
        padding:0px 24px;
        color: #9d0152;
        font: @font-size SimHei ;
        >.forget{
          float: right;
        }
        >.codelogin{
          float: left;
        }
      }
      >.bt-login{
        overflow: hidden;
        padding: 20px 24px 14px 20px;
        >.btn{
          display: block;
          text-align: center;
          padding: 10px;
          border-radius: 6px;
          color: @white;
          font: @font-size SimHei ;

        }
        >.login-btn{
          background: @btn-gray;
          margin-bottom: 12px;
        }
        >.register-btn {
          background: #9d0152;
          margin-bottom: 12px;
        }
      }
    }
  }

  >.login-footer{
    overflow: hidden;
    padding:20px 38px;
    >.login-else{
      overflow: hidden;
      >.box{
        width: 30%;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid @black;
        height:6px;
      }

      >.box2{
        float: left;
        width: 40%;
        text-align: center;
        font:@font-size SimHei;
        color: @black;
      }

    }
    >.login-img{
      padding-top: 20px;
      overflow: hidden;
      >.img-one{
        text-align: center;
        width: 25%;
        float: left;
        >img{
          width: 52px;
          height: 52px;
          border-radius: 26px;
        }
      }
    }

  }
}
.login1{
  overflow: hidden;
  display:block ;
  margin: 0;
  padding-top: 40px;
  width: 100%;
  >.login1-title{
    padding: 10px;
    display: block;
    overflow: hidden;
    color: @white;
    font: @font-size-bigger Arial;
    text-align: center;
    >img{
      float: left;
      width: 24px;
      height: 24px;
    }
  }
  >.footer-regrist{
    margin-top:80px;
    font-size:15px;
    width:90%;
    margin:0 auto;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:3px;
    border:1px solid #999
  }
  >.login1-tip{
    display: block;
    overflow: hidden;
    padding : 32px 20px 0px 20px;
  }
  >.logo{
    display: block;
    overflow: hidden;
    text-align: center;
    padding : 35px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 0px;
    >.clearfix{
      width:100%;
      >.login1-taps{
        float:left;
        width:50%;
        >.changetips{
          height:40px;
          line-height:40px;
          font-size:15px;
          color:#333;
        }
      }
    }

  }
  >.login1-body{
    display:block;
    overflow: hidden;
    // padding: 26px;
    margin: 0 auto;
    >.body-out{
      overflow: hidden;
      padding: 20px;
      >.qrcode{
        border-bottom: 1px solid #E5E5E5;
        >.countnum{
          display:block;
          float:left;
          width:10%;
        }
        >.phone_content{
          float:right;
          width:80%;
        }
        >.password{
          display:block;
          float:left;
          width:10%
        }
        >.send-border-container{
          float:right;
          width:80%;
        }
        >.send-border-password{
          float:right;
          width:80%;
          height:100%
        }
      }
      >.bd-line{
        overflow: hidden;
        width:100%;
        height: 40px;
        >.ke-tip{
          position: absolute;
          height:auto;
          z-index: 10;
          font-size: 12px;
          padding:0 10px;
          background-color:#9d0152;
          border-radius:5px;
          color:white;
          text-align: center;
          top:30px; right:0;
        }
        >img{
          margin-top:3px;
          float:left;
          width: 24px;
          height: 24px;
        }
        >.send-border{
          float: left;
          margin-left: 6px;
          width:90%;
          // height:40px;
          // line-height: 40px;
          border-bottom: 1px solid @border-bottom;
          >input{
            height:40px;
            line-height:40px;
            width: 50%;
            // padding-left: 8px;
            font: @font-size SimHei ;
            outline: none;
            float: left;
            border-radius:0;
            // border-bottom: 1px solid blue;
          }
          >.send-qrcode{
            margin-bottom: 4px;
            border-radius: 6px;
            float: right;
            display: block;
            padding: 6px 0px;
            text-align: center;
            font: @font-size-small SimHei ;
            border: 2px solid @primary-color ;
          }
        }
        >span{
          padding: 10px;
          line-height: 40px;
          font: @font-size-base SimHei ;
        }
        >input{
          margin-left: 6px;
          padding: 8px;
          width:72%;
          font: @font-size SimHei ;
          outline: none;
          border-bottom: 1px solid @border-bottom;
        }
        >input:focus{
          outline: none;
        }


      }
      >.forget-password{
        overflow: hidden;
        padding:0px 5px;
        color: #999999;
        font: @font-size SimHei ;
        >.forget{
          float: right;
        }
        >.codelogin{
          float: left;
        }
      }
      >.bt-login1{
        overflow: hidden;
        width:100%;
        padding-top: 40px;
        // padding: 20px 24px 14px 20px;
        >.btn{
          display: block;
          text-align: center;
          padding: 10px;
          border-radius: 6px;
          color: @white;
          font: @font-size SimHei ;

        }
        >.login1-btn{
          background: @btn-gray;
          height: 30px;
          font-size: 18px;
          line-height: 30px;
          margin-bottom: 12px;
        }
        >.register-btn {
          background: #9d0152;
          margin-bottom: 12px;
        }
      }
    }
  }

  >.login1-footer{
    overflow: hidden;
    padding:20px 38px;
    >.login1-else{
      overflow: hidden;
      >.box{
        width: 30%;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid @black;
        height:6px;
      }

      >.box2{
        float: left;
        width: 40%;
        text-align: center;
        font:@font-size SimHei;
        color: @black;
      }

    }
    >.login1-img{
      padding-top: 20px;
      overflow: hidden;
      >.img-one{
        text-align: center;
        width: 33%;
        float: left;
        >img{
          width: 52px;
          height: 52px;
          border-radius: 26px;
        }
      }
    }

  }
}
